<script lang="ts" setup>
import { Card } from '@vben-core/shadcn-ui';

import { BasicArrow, BasicHelp, BasicTitle } from '#/components/basic';

defineOptions({
  name: 'CompBasic',
});
</script>

<template>
  <Card title="BasicTitle">
    <BasicTitle line span>标题</BasicTitle>
    <br />
    <BasicTitle :normal="false" line dashed>标题</BasicTitle>
    <br />
    <BasicTitle line normal cursor none-select>标题</BasicTitle>
    <br />
    <BasicTitle line normal cursor none-select help-message="单个提示">
      标题
    </BasicTitle>
    <br />
    <BasicTitle line :help-message="['第一个提示', '第二个提示']">
      标题
    </BasicTitle>
    <br />
    <BasicHelp show-index :text="['第一个提示', '第二个提示']">
      提示信息
    </BasicHelp>
    <br />
    <br />
    <BasicHelp :text="['第一个提示', '第二个提示']" />
    <br />
    <BasicHelp
      color="red"
      font-size="20px"
      :text="['第一个提示', '第二个提示']"
    />

    <br />
    <br />
    <BasicArrow expand /> 1-1 <BasicArrow :expand="false" /> 1-2
    <BasicArrow up /> 2 <BasicArrow down /> 3 <BasicArrow inset /> 4
  </Card>
</template>
